html, body {
  min-width: 1200px; }

.menubg {
  width: 100%;
  height: 80px;
  background-color: #242424; }

.menu {
  width: 100%;
  margin: 0 auto; }

.logo {
  width: 20%;
  height: 100px;
  float: left;
  margin-left: 8%; }
  .logo img {
    height: 100px; }

.menufont {
  width: 70%;
  height: 100px;
  float: right; }

.menu-chose {
  width: 25%;
  height: 100%;
  float: left; }

.menu-chose a {
  font-size: 20px;
  color: white;
  text-decoration-line: none;
  line-height: 115px;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  margin-right: 20%; }

.banner {
  width: 100%;
  height: 500px;
  background: url(../images/indexbanner1.jpg) no-repeat;
  background-size: cover; }

.auout1989 {
  width: 78%;
  height: 330px;
  margin: auto;
  position: relative; }
  .auout1989 .container {
    width: 100%;
    padding-top: 40px; }
    .auout1989 .container h1 {
      font-size: 35px; }
    .auout1989 .container h2 {
      color: #949494;
      font-size: 18px; }
    .auout1989 .container .desc {
      line-height: 40px; }
  .auout1989 .since {
    position: absolute;
    bottom: 0;
    font-size: 135px;
    font-weight: bolder;
    margin-bottom: -43px;
    margin-left: -100px;
    color: #E0E0E0;
    z-index: -1; }

h1 {
  text-align: center;
  font-size: 24px;
  color: #313131;
  font-family: Arial, Helvetica, sans-serif; }

h2 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  color: #313131;
  font-family: Arial, Helvetica, sans-serif; }

#jianjie {
  font-size: 22px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-justify: ainter-ideograph;
  margin-top: 26px; }

.logopic {
  width: 94%;
  height: 550px;
  margin: auto;
  background: url(../images/brand-bg.png) no-repeat;
  background-size: cover; }

.backtop {
  width: 161px;
  height: 60px;
  margin: auto;
  margin-top: 2%;
  margin-bottom: 2%; }

.backtop img {
  margin: auto; }

.bottom {
  width: 100%;
  background-color: #242424;
  overflow: hidden;
  font-weight: 200;
  color: white;
  margin-top: 60px; }
  .bottom .container {
    width: 100%;
    padding: 0 10%;
    padding-top: 45px;
    color: white;
    font-size: 18px; }
    .bottom .container .div-item {
      float: left;
      width: 33.33%;
      height: auto; }
    .bottom .container .menu4 {
      padding-left: 6%; }
      .bottom .container .menu4 ul {
        margin-top: 0; }
        .bottom .container .menu4 ul li {
          color: red; }

.menutop {
  height: 200px; }

.share {
  height: 65px;
  background-color: #313131; }

.menu4 {
  width: 33%;
  height: 240px;
  float: left; }

.menu4 ul {
  margin-top: 60px;
  list-style-type: disc; }

.menu4 li a {
  color: white;
  text-decoration-line: none; }

.adress {
  width: 34%;
  height: 240px;
  float: left; }

.adress h1 {
  text-align: left;
  color: white;
  margin-top: 60px;
  font-size: 20px; }

.adress h2 {
  text-align: left;
  color: white;
  font-size: 20px;
  margin-top: 20px; }

.contant {
  width: 33%;
  height: 240px;
  float: left; }

.contant h1 {
  text-align: left;
  color: white;
  margin-top: 60px;
  font-size: 20px; }

.contant h2 {
  text-align: left;
  color: white;
  font-size: 20px;
  margin-top: 20px; }

.default-brand {
  overflow: hidden;
  height: auto; }
  .default-brand .brand-title {
    color: white;
    text-align: center;
    height: 100px; }
    .default-brand .brand-title .first {
      font-size: 24px;
      font-weight: 200;
      margin-top: 30px; }
    .default-brand .brand-title .second {
      font-size: 12px;
      font-weight: 200; }
  .default-brand .brand-img {
    height: 320px;
    text-align: center; }
    .default-brand .brand-img img {
      height: 100%; }
  .default-brand .brand-bottom {
    height: 135px;
    padding: 0 10%; }
    .default-brand .brand-bottom .brand-list {
      height: 70px;
      margin-top: 20px;
      overflow: hidden;
      position: relative;
      padding-left: 50px;
      padding-right: 50px; }
      .default-brand .brand-bottom .brand-list .left {
        position: absolute;
        margin-top: 25px;
        width: 50px;
        left: 0;
        top: 0;
        text-align: center; }
        .default-brand .brand-bottom .brand-list .left img {
          height: 20px;
          cursor: pointer; }
      .default-brand .brand-bottom .brand-list .right {
        position: absolute;
        margin-top: 25px;
        width: 50px;
        right: 0;
        top: 0;
        text-align: center; }
        .default-brand .brand-bottom .brand-list .right img {
          height: 20px;
          cursor: pointer; }
      .default-brand .brand-bottom .brand-list .middle {
        width: 100%;
        height: 70px;
        overflow-x: hidden; }
        .default-brand .brand-bottom .brand-list .middle .brand-div {
          overflow: hidden;
          width: auto; }
          .default-brand .brand-bottom .brand-list .middle .brand-div .brand-item {
            float: left;
            margin: 0 15px;
            height: 70px;
            line-height: 70px; }
            .default-brand .brand-bottom .brand-list .middle .brand-div .brand-item img {
              max-height: 70px; }
    .default-brand .brand-bottom .brand-action {
      margin-top: 10px;
      text-align: center;
      color: white; }
      .default-brand .brand-bottom .brand-action a {
        color: white;
        font-weight: 200;
        font-size: 18px; }
        .default-brand .brand-bottom .brand-action a img {
          height: 20px;
          margin-top: -2px;
          margin-left: 10px; }

.share {
  overflow: hidden; }
  .share .share-left {
    float: left;
    height: 65px;
    line-height: 65px;
    margin-left: 10%;
    color: white; }
    .share .share-left .wechat {
      height: 25px; }
    .share .share-left .sina {
      height: 25px;
      margin-left: 20px; }
  .share .share-right {
    float: right;
    color: white;
    font-weight: 200;
    text-align: right;
    margin-top: 8px;
    margin-right: 10%; }
    .share .share-right p {
      height: 25px;
      line-height: 25px;
      margin: 0; }
    .share .share-right .share-right-text, .share .share-right .share-right-text:hover {
      color: white;
      font-weight: 200;
      text-underline: none; }

.index-banner {
  padding-left: 185px;
  color: white; }
  .index-banner .name {
    padding-top: 188px;
    color: white;
    font-size: 50px; }
  .index-banner .desc {
    font-size: 25px;
    color: #FEFEFE;
    font-weight: 200; }
  .index-banner .group {
    display: inline-block;
    font-size: 15px;
    height: 27px;
    line-height: 25px;
    font-weight: 100;
    border: 1px solid white;
    width: 125px;
    text-align: center;
    border-left: 5px solid white; }

.menutop .container .contant {
  text-align: left; }
.menutop .container .adress {
  text-align: center; }
.menutop .container .menu4 {
  overflow: hidden; }
  .menutop .container .menu4 ul {
    float: right; }

.ad-div {
  width: 100%;
  margin-bottom: 30px; }
  .ad-div .text-div {
    width: 100%;
    text-align: center; }
    .ad-div .text-div .text-item {
      color: white;
      font-size: 18px; }
  .ad-div .img-div {
    width: 100%;
    text-align: center; }
    .ad-div .img-div .img-a-item {
      margin-right: 20px; }
    .ad-div .img-div .img-a-item:last-child {
      margin-right: 0; }

/*# sourceMappingURL=index.css.map */